
<!DOCTYPE html>
<html lang="en">
<head>

    <title>修改用户的页面</title>
    <!-- 引入js文件 -->

    <link rel="stylesheet"
          href="${pageContext.request.contextPath}/resources/bootstrap/css/bootstrap.min.css" />
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/jquery/jquery-1.11.0.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/jquery/jquery-migrate-1.2.1.min.js"></script>
    <!-- 导入bootStrap的库 -->
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/easyUI/jquery.easyui.min.js"></script>
    <script type="text/javascript"
            src="${pageContext.request.contextPath}/resources/easyUI/easyui-lang-zh_CN.js"></script>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/resources/easyUI/easyui.css">
    <script type="text/javascript" src="${pageContext.request.contextPath}/resources/blockUI/jquery.blockUI.js"></script>

<script>
    $(function () {
        //弹框提示信息
        if("${tip}"){
            $.messager.show({
                title:'添加用户',
                msg:"<span style='color:red;'>${tip}</span>",
                showType:'slide'
            });
        }
    })
</script>

</head>
<body>
<center>
<#--${tip}-->
    <form id="updateUserForm" action="/student/updateUser" method="post" enctype="multipart/form-data"><#--注意上传文件一定要enctype为“multipart/form-data”-->
        <!-- 当前用户的useId -->
        <input name="id" value="${user.id}" type="hidden">
        <table class="table-condensed">
            <tbody>
            <tr>
                <td><label>学号:</label></td>
                <td><span class="label label-danger">${user.id}</span></td>     <#--.label label-danger	"danger" 类型的红色标签-->
                <td><label>姓名:</label></td>
                <td><input id="username" name="username" value="${user.username}"
                           type="text" class="form-control" placeholder="请输入学生的姓名"></td>
            </tr>
            <tr>
                <td><label>座右铭:</label></td>
                <td><input id="note" name="note" value="${user.note}"
                           type="text" class="form-control" placeholder="学生的座右铭"></td>
                <#--在Bootstrap框架中，通过定制了一个类名`form-control`，也就是说，如果这几个元素使用了类名“form-control”，将会实现一些设计上的定制效果。
                            1、宽度变成了100%
                            2、设置了一个浅灰色（#ccc）的边框
                            3、具有4px的圆角
                            4、设置阴影效果，并且元素得到焦点之时，阴影和边框效果会有所变化
                            5、设置了placeholder的颜色为#999-->
                <td><label>密码:</label></td>
                <td><input type="password" id="password" name="password"
                           value="${user.password}" class="form-control" placeholder="请输入密码"></td>

            </tr>
            <tr>
                <td><label>头像</label></td>
                <td><img src="/file/${user.imageLu}"  height="100"></td>
                <td><label>修改头像:</label></td>
             <td><input placeholder="请选择头像" type="file" name="image"/></td>
            </tr>
            </tbody>
        </table>
            <input type="submit" class="btn btn-info" value="修改">

            <button type="reset" class="btn btn-danger">
                <span class="glyphicon glyphicon-remove"></span>&nbsp;重置
            </button>
        </div>
    </form>

</center>
</body>
</html>